@charset "utf-8";

/* CSS Document */



body,div,iframe,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,tr,td,form,input,button,select,img,textarea { margin:0; padding:0; font-weight:normal; font-style:normal; font-size:12px;   font-family:"微软雅黑";	color:#333; line-height:22px; list-style-type:none;	border:none;}





a{ color:#666;text-decoration:none;}

a:hover{ color:#F60; text-decoration:underline;}

.org{color:#F60; text-decoration:none;}

.l{ float:left;}

.r{ float:right;}

.mar_l30{ margin-left:30px;}

.mar_l50{ margin-left:50px;}

.mar_t30{margin-top:30px;}

.clear{ clear:both;}



body{ background:#f2f2f2;}



/* 整体宽度 */

#box{ width:960px; margin:0 auto; overflow:hidden;}



/* head */

#head{ width:960px; margin:0 auto; margin-top:30px; height:100px; overflow:hidden;}

#head .head_r{ float:right; text-align:right; color:#005e2c;}

#head .head_r p{ font-size:30px; font-weight:bold; color:#e5922d; margin-top:10px;}



/* menu */

#menu{height:32px; width:954px; margin:0 auto; overflow:hidden; background:#20998c;}

#menu ul li{width:106px; float:left;   overflow:hidden;}

#menu a{ width:106px; line-height:32px; font-size:14px; font-weight:bold; background:url("../images/menu_bg.jpg")/*tpa=http://www.zzhzz.com/{$GLOBALS['TURL']}Templates/cn/images/menu_bg.jpg*/ right top no-repeat;  color:#fff; display:block; text-align:center; overflow:hidden;}

#menu a:hover{background:url("../images/menu_bg_h.jpg")/*tpa=http://www.zzhzz.com/{$GLOBALS['TURL']}Templates/cn/images/menu_bg_h.jpg*/ left top no-repeat;  color:#ffffff; text-decoration:none;}



/* banner */

#banner{width:968px; margin:0 auto; margin-top:10px; border:2px #ddd solid; overflow:hidden;}

.bor_ccc{border:2px #ccc solid;}

.bor_aaa{ border:1px #aaa solid; height:320px;}

.banner_img{ width:940px; height:300px; margin:10px; overflow:hidden;}

/* main */

#main{ width:960px; margin:0 auto; margin-top:30px; overflow:hidden;}



/* rightbar */

#rightbar{ float:right; width:690px; overflow:hidden;}

.hotpro{ width:280px; height:240px; overflow:hidden;}

.com{ width:370px; overflow:hidden;}

.company{ width:670px; margin:0 auto; padding:10px; overflow:hidden;}



.w311{width:311px; margin-top:30px; overflow:hidden;}

.new{ width:290px; margin:0 auto; padding:10px; overflow:hidden;}

.new dt{ width:290px; height:80px; padding-bottom:10px; overflow:hidden;}

.new dd{ line-height:26px;}

.new dd span{ float:right;}





.gundong{ margin-top:10px;}

.gundong tr td a,.case tr td a{ text-align:center; display:block;}

.gundong tr td { padding-left:10px;}

.gundong tr td img{ width:160px; height:120px; padding:1px; border:1px #ccc solid; overflow:hidden;}





/* leftbar */

#leftbar{ width:220px; overflow:hidden;}

.nav{ background:url("../images/nav_bg.jpg")/*tpa=http://www.zzhzz.com/{$GLOBALS['TURL']}Templates/cn/images/nav_bg.jpg*/ repeat-x; height:23px; padding-bottom:10px; overflow:hidden;}

.nav a{ display:block; margin:0 auto; text-align:center; font-size:16px; color:#ff7e00; font-weight:bold; width:80px; height:23px; background:#f2f2f2; line-height:23px;}

.nav_con_bg{background:#fff url("../images/line.jpg")/*tpa=http://www.zzhzz.com/{$GLOBALS['TURL']}Templates/cn/images/line.jpg*/ left bottom repeat-x; border-right:1px #ccc solid; overflow:hidden; }



.case tr td{ width:200px; margin:0 auto; overflow:hidden;}

.case tr td img{ width:196px; height:144px; padding:1px; border:1px #ccc solid; overflow:hidden; margin-top:5px; }





.w200{ width:200px; margin:0 auto; padding-top:10px; overflow:hidden;}

.w200 img{ width:200px; height:100px; overflow:hidden;}





/* link */

.link_nav{ float:left; width:60px; height:64px; overflow:hidden;}

.link{ float:left; width:899px;  margin-top:10px; }

.link li{ float:left; width:150px; margin-left:20px; overflow:hidden;}



/* footer */

#footer{ margin-top:20px;  text-align:center; overflow:hidden;}





/* 二级页面 */

.page_tit{ background:url("../images/nav_bg.jpg")/*tpa=http://www.zzhzz.com/{$GLOBALS['TURL']}Templates/cn/images/nav_bg.jpg*/ repeat-x; height:23px; padding-bottom:10px; overflow:hidden;}

.page_tit span{ display:block; text-align:center; margin-left:10px; font-size:16px; color:#ff7e00; font-weight:bold; width:140px; height:23px; background:#f2f2f2; line-height:23px;}

.page_tit p{ background:#f2f2f2; float:right; color:#666; margin:3px 10px 0 0; padding:0 10px;}

.page_tit p a{ font-size:12px;color:#666;text-decoration:none;}

.page_text{ width:640px; margin:20px auto; overflow:hidden;}

.page_name{ width:640px; margin:20px auto; margin-bottom:10px; font-size:16px; font-family:"微软雅黑"; font-weight:bold; color:#2f7e19; text-align:center;}

.page_date{ width:640px; margin:0 auto; margin-bottom:20px; text-align:center; color:#999;}

.page_next{ width:640px; margin:10px auto; background:#eee; overflow:hidden;}







/*产品列表*/

.prolist{ width:690px; background:#fff; overflow:hidden;}

.prolist li{ width:160px; float:left; margin:10px auto; margin-left:10px; _margin-left:9px; display:inline; text-align:center;}

.prolist li img{border:#666 1px solid; width:160px; height:120px;}





.protype{ width:160px; margin:10px auto; }

.protype li{font-size:14px; font-weight:bold; line-height:30px; color:#f60; border-bottom:1px #ccc dashed;}

.protype li span{font-size:14px; padding-right:10px;}



/*留言*/

.liuyan{ margin-top:20px;}

.liuyan input{ border:1px #CCC solid; height:22px; line-height:22px;}

.liuyan input.button{ background:#09C; border:1px #09f solid; color:#FFF;}

.liuyan textarea{ border:1px #CCC solid;}

.liuyan tr td{ height:40px;}





/*新闻列表*/

.newlist{ width:640px; margin:10px auto; overflow:hidden;}

.newlist li{ background:url("../images/ico1.jpg")/*tpa=http://www.zzhzz.com/{$GLOBALS['TURL']}Templates/cn/images/ico1.jpg*/ left center no-repeat; padding-left:1em; border-bottom:1px #CCC dashed; line-height:28px;}

.newlist li span{ float:right;}





.fanye{ width:700px; margin:20px auto; text-align:center; overflow:hidden;}







/* 单个图片幻灯片盒子 - 公用类 */

.slideBox{ width:940px; height:300px; overflow:hidden; position:relative; }

.slideBox .hd1{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }

.slideBox .hd1 ul{ overflow:hidden; zoom:1; float:left;  }

.slideBox .hd1 ul li{ float:left; margin-right:5px;  width:16px; height:16px; line-height:16px; text-align:center; background:#fff; cursor:pointer; }

.slideBox .hd1 ul li.on{ background:#f00; color:#fff; }

.slideBox .bd1{ position:relative; height:100%; z-index:0;   }

.slideBox .bd1 img{ width:940px; height:300px; }



a.showyy {
    cursor: pointer;
	color: #333
}
a.showyy:hover{
	color: #ff7e00
}
.yyz {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.yyz .hideyy {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 2;
}
.yyz .ybg {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    background: #000;
    filter: alpha(opacity=40);
    opacity: 0.4;
	z-index: 1}
.yyz .ypic {
    position: absolute;
    top: 10%;
    height: 80%;
    left: 0;
    width: 100%;
    z-index: 2;
    background: url(../images/xll.jpg) no-repeat center;
    background-size: contain;
}





